<template>
    <div class="myFooter-wrap">
      <div class="myFooter">
        <div class="footer-title">加油！</div>
        <div class="icp">本网站由 <a href="#" target="_blank">brightmoon团队</a> 强力支持 <a href="http://beian.miit.gov.cn/" target="_blank">京ICP备2024066396号</a></div>
      </div>
    </div>
  </template>
  
  <script setup>
    
  </script>
  
  <style scoped>
    .myFooter-wrap {
      user-select: none;
      animation: hideToShow 2s;
    }
  
    .myFooter {
      border-radius: 1.5rem 1.5rem 0 0;
      background: linear-gradient(-90deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
      text-align: center;
      color: white;
      background-size: 300% 300%;
      animation: gradientBG 10s ease infinite;
    }
  
    .footer-title {
      padding-top: 10px;
      font-size: 16px;
    }
  
    .icp, .icp a {
      color: #595A5A;
      font-size: 13px;
    }
  
    .icp {
      padding-top: 10px;
      padding-bottom: 10px;
    }
  
    .icp a {
      text-decoration: none;
      transition: all 0.3s;
    }
  
    .icp a:hover {
      color: orange;
    }
  
  </style>